<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:my="http://java.sun.com/jsf/composite/components">

<ui:composition>
	<a4j:outputPanel rendered="#{not loginController.loggedIn}">
		<h:form>
			<rich:focus preserve="true" />
			<!-- The original user URI request  -->
			<input type="hidden" name="requestedURL"
				value="#{requestScope['javax.servlet.forward.request_uri']}" />

			<h:panelGrid border="1" columns="1" width="90%">

				<c:set var="login" value="Email/Benutzername" />

				<rich:message for="username" />
				<h:inputText id="username" value="#{loginController.username}"
					required="true" requiredMessage="You must provide a username."
					title="Ihr Benutzername ist zumeist ihre Email-Adresse."
					styleClass="usernameIcon normaltip" style="width: 90%">
					<rich:validator />
					<rich:placeholder value="#{login}" />
					<rich:focus validationAware="true" preserve="true" />
				</h:inputText>

				<rich:message for="password" />
				<h:inputText id="password" value="#{loginController.password}"
					required="true" requiredMessage="You must provide a password."
					title="Falls ihr Passwort ungültig ist, lassen sie sich ein neues zusenden."
					styleClass="passwordIcon normaltip" style="width: 60%">
					<rich:validator />
					<rich:placeholder value="Password" />
				</h:inputText>

				<a4j:commandButton styleClass="pro_btn" value="Login" render="@all"
					execute="@form" action="#{loginController.login}"
					style="width: 45%">
				</a4j:commandButton>

				<a4j:status id="statusfield" startText="Verify login ..."
					stopText="" />

				<p />
				<h:messages errorClass="invalid" />

				<rich:notifyStack id="infoStack" position="topLeft"
					direction="vertical" method="first" />
				<rich:notifyMessages stack="infoStack" stayTime="3000"
					nonblocking="false" showCloseButton="true" showShadow="true" />

			</h:panelGrid>

		</h:form>


		<dl class="pro_slide-down-box-hover">
			<dt>Benutzername oder Passwort vergessen?</dt>
			<dd>
				Geben sie ihr email Adresse ein und sie erhalten ein neues Passwort.
				<a4j:outputPanel>
					<h:form>
						<rich:message for="email" />
						<h:inputText id="email" required="true"
							requiredMessage="Geben sie eine gültige Email-Adresse an."
							title="Um ihnen ein neues Passwort zu senden, geben sie hier die von ihnen zur Registration genutze Email-Adresse an."
							styleClass="emailIcon normaltip" style="width: 130px;">
							<rich:validator />
							<rich:placeholder value="ihre registriere Email" />
						</h:inputText>

						<a4j:commandButton styleClass="pro_btn"
							value="Passwort zurücksetzen" render="@form" execute="@form"
							action="#{loginController.login}" style="width: 100%">
						</a4j:commandButton>
					</h:form>
				</a4j:outputPanel>
			</dd>
		</dl>
		<p />
		<dl class="pro_slide-down-box-hover box-hover-warning">
			<dt>Datensicherheit &amp; Vertraulichkeit</dt>
			<dd>Ihre Daten werden stets vertraulich behandelt und nicht
				weitergegeben. Ihre Anmeldeinformationen sind zudem mit maximaler
				Stärke verschlüsselt.</dd>
		</dl>
	</a4j:outputPanel>

</ui:composition>

</html>